<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景样式</title>
</head>
<body>
<style>
  div{
    width: 200px;
    height: 200px;
      border: 1px solid red;
      background-color: pink;
      background-image: url("img/manor-2.jpg");
      background-repeat: no-repeat;/*当背景图片小于背景时控制图片显示的方式*/
      background-position: 100px 100px;/*具有x和y值可以定位图片的位置使之移动到想要的位置*/
  }
</style>
<div>
<!--div对其进行宽高的设置可以框出来一片区域-->
</div>
</body>
</html>